<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body class="box df fdc">
    <div class="main f1">

        <div class="top_head">
            <!-- 返回符号 -->
            <h2>
                <a href="#">
                    <span class="iconfont icon-31fanhui1 c_w fanhui"></span>
                </a>
            </h2>
            <!-- 头像 -->
            <div class="myhead df jcsb X-UA-Compatible">
                <div class="myhead_l df aic">我的运动数据</div>
                <div class="myhead_r">
                    <img src="#" alt="" class="img">
                </div>
            </div>
            <!-- 运动数据 -->
            <div class="sport_data b_white comm df fdc jcsb">
                <!-- 下面仔细数据部分 -->
                <div class="all_data df">
                    <div class="sport_time ">
                        <p class="sp_title">总运动</p>
                        <p class="times_box">
                            <span class="data_comm times">99999</span>分钟</p>
                    </div>
                    <div class="sport_ca ">
                        <p class="sp_title">本周消耗</p>
                        <p class="ca_box">
                            <span class="data_comm cas">99999</span>千卡</p>

                    </div>
                </div>
            </div>
            <!-- 消耗数据 -->
            <div class="ca_day df jcsb">
                <div class="ca df jcsb fdc">
                    <p class="fs12 bold c_blue">消耗(千卡)</p>
                    <p class="fs12 c_w cas2">999999</p>
                </div>
                <div class="day df jcsb fdc">
                        <p class="fs12 bold c_blue">累计(天)</p>
                        <p class="fs12 c_w">999</p>
                </div>
                <div class="total_day df jcsb fdc">
                        <p class="fs12 bold c_blue">连续(天)</p>
                        <p class="fs12 c_w">999 </p>
                </div>
            </div>

        </div>
        <!--柱状图 -->
        <div class="bar_box">
            <div id="bar"></div>
        </div>
        <!-- 饼图 -->
        <div class="pie_box">
            <div id="pie"></div>
        </div>
    </div>

</body>

</html>